﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>All Courses</title>

    <!-- Bootstrap -->
    <link rel='stylesheet' href='vendor/jquery-ui/jquery-ui.min.css'>
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">

    <!-- Font Icon -->
    <link rel="stylesheet" href="fonts/line-awesome/css/line-awesome.min.css">
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="fonts/font-awesome-5/css/fontawesome-all.min.css">

    <!-- Revolution slider -->
    <link rel="stylesheet" href="vendor/revolution/settings.css">
    <link rel="stylesheet" href="vendor/revolution/layers.css">
    <link rel="stylesheet" href="vendor/revolution/navigation.css">
    <link rel="stylesheet" href="vendor/revolution/settings-source.css">

    <!-- Vendor CSS -->
    <link rel="stylesheet" href="vendor/css-hamburgers/dist/hamburgers.min.css">
    <link rel="stylesheet" href="vendor/slick/slick-theme.css">
    <link rel="stylesheet" href="vendor/slick/slick.css">
    <link rel="stylesheet" href="vendor/fancybox/dist/jquery.fancybox.min.css">
    <link rel='stylesheet' href='vendor/fullcalendar/fullcalendar.css'>
    <link rel='stylesheet' href='vendor/animate/animate.css'>

    <!-- Main CSS File -->
    <link href="css/style.css" rel="stylesheet">
    <link rel="shortcut icon" href="favicon.png">
</head>
<body>
    <!-- page load-->
    <div class="images-preloader">
	    <div id="preloader_1 spinner1" class="spinner1 rectangle-bounce">
	    	<div class="double-bounce1"></div>
	    	<div class="double-bounce2"></div>
	    </div>
	</div>

    <!-- Header page -->
    <header class="header">
        <div class="header-top hidden-tablet-landscape">
            <div class="container">
                <div class="header-top-content display-flex">
                    <div class="header-top-info">
                        <div class="header-socials">
                            <ul>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                            </ul>
                        </div>
                        <a href="mailto:info@smartedu.com" class="email"><i class="far fa-envelope"></i>info@smartedu.com</a>
                        <a href="#" class="telephone"><i class="fas fa-mobile-alt"></i>+1 222-333-9999</a>
                    </div>
                    <div class="header-top-account">
                        <a href="#" class="signup"><i class="fas fa-edit"></i>Sign Up</a>
                        <a href="#" class="login">Sign In</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-bottom hidden-tablet-landscape" id="js-navbar-fixed">
            <div class="container">
                <div class="header-bottom">
                    <div class="header-bottom-content display-flex">
                        <div class="logo">
                            <a href="index.html">
                                <img src="images/logo.png" alt="SmartEdu">
                            </a>
                        </div>
                        <div class="menu-search display-flex">
                            <nav class="menu">
                                <div>
                                    <ul class="menu-primary">
                                        <li class="menu-item">
                                            <a href="index.html">Home</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item"><a href="index.html">Home 1</a></li>
                                                <li class="menu-item"><a href="index2.html">Home 2</a></li>
                                                <li class="menu-item"><a href="index3.html">Home 3</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item curent-menu-item">
                                            <a href="courses.html">Courses</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item">
                                                    <a href="courses.html">Courses</a>
                                                    <ul class="sub-menu">
                                                        <li class="menu-item"><a href="single-course.html">Course Detail</a></li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item"><a href="standardlist.html">Standard List</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item">
                                            <a href="#">Pages</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item"><a href="aboutus.html">About us </a></li>
                                                <li class="menu-item"><a href="gallery1.html">Gallery 1</a></li>
                                                <li class="menu-item"><a href="gallery2.html">Gallery 2</a></li>
                                                <li class="menu-item"><a href="404.html">404</a></li>
                                                <li class="menu-item"><a href="pricing.html">Pricing Table</a></li>
                                            </ul>
                                        </li>
                                        <li class="menu-item">
                                            <a href="events.html">Events</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item"><a href="events.html">Events</a>
                                                    <ul class="sub-menu">
                                                        <li class="menu-item"><a href="single-event.html">Event Detail</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="menu-item">
                                            <a href="blog1.html">News</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item"><a href="blog1.html">Blog 1</a>
                                                    <ul class="sub-menu">
                                                        <li class="menu-item"><a href="single.html">Blog detail</a></li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item"><a href="blog2.html">Blog 2</a></li>
                                                <li class="menu-item"><a href="blog3.html">Blog 3</a>
                                            </ul>
                                            </li>
                                            <li class="menu-item">
                                                <a href="contact1.html">Contact</a>
                                                <ul class="sub-menu">
                                                    <li class="menu-item"><a href="contact1.html">Contact 1</a></li>
                                                    <li class="menu-item"><a href="contact2.html">Contact 2</a></li>
                                                    <li class="menu-item"><a href="contact3.html">Contact 3</a></li>
                                                </ul>
                                            </li>
                                    </ul>
                                </div>
                            </nav>
                            <div class="search-box">
                                <form method="POST">
                                    <input type="text" placeholder="Search..." id="search-box" name="s" value="">
                                    <div class="search-icon display-flex-center">
                                        <i class="la la-search"></i>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hidden-tablet-landscape-up header-mobile">
            <div class="header-top-mobile">
                <div class="container-fluid">
                    <div class="logo">
                        <a href="index.html">
                            <img src="images/logo.png" alt="SmartEdu" />
                        </a>
                    </div>
                    <div class="search-box">
                        <form method="POST">
                            <input type="text" placeholder="Search..." name="s" value="">
                            <div class="search-icon font-color-white display-flex-center">
                                <i class="fa fa-search" aria-hidden="true"></i>
                            </div>
                        </form>
                    </div>
                    <button class="hamburger hamburger--spin hidden-tablet-landscape-up" id="toggle-icon">
                        <span class="hamburger-box">
                            <span class="hamburger-inner"></span>
                        </span>
                    </button>
                </div>
            </div>
            <div class="au-nav-mobile">
                <nav class="menu-mobile">
                    <div>
                        <ul class="au-navbar-menu">
                            <li class="menu-item">
                                <a href="index.html">Home</a>
                                <span class="arrow">
                                    <i></i>
                                </span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="index.html">Home 1</a></li>
                                    <li class="menu-item"><a href="index2.html">Home 2</a></li>
                                    <li class="menu-item"><a href="index3.html">Home 3</a></li>
                                </ul>
                            </li>
                            <li class="menu-item curent-menu-item">
                                <a href="courses.html">Courses</a>
                                <span class="arrow">
                                    <i></i>
                                </span>
                                <ul class="sub-menu">
                                    <li class="menu-item">
                                        <a href="courses.html">Courses</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="single-course.html">Course Detail</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item"><a href="standardlist.html">Standard List</a></li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="#">Pages</a>
                                <span class="arrow">
                                    <i></i>
                                </span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="aboutus.html">About us </a></li>
                                    <li class="menu-item"><a href="gallery1.html">Gallery 1</a></li>
                                    <li class="menu-item"><a href="gallery2.html">Gallery 2</a></li>
                                    <li class="menu-item"><a href="404.html">404</a></li>
                                    <li class="menu-item"><a href="pricing.html">Pricing Table</a></li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="events.html">Events</a>
                                <span class="arrow">
                                    <i></i>
                                </span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="events.html">Events</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="single-event.html">Event Detail</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item">
                                <a href="blog1.html">News</a>
                                <span class="arrow">
                                    <i></i>
                                </span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="blog1.html">Blog 1</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="single.html">Blog detail</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item"><a href="blog2.html">Blog 2</a></li>
                                    <li class="menu-item"><a href="blog3.html">Blog 3</a>
                                </ul>
                                </li>
                                <li class="menu-item">
                                    <a href="contact1.html">Contact</a>
                                    <span class="arrow">
                                    <i></i>
                                </span>
                                    <ul class="sub-menu">
                                        <li class="menu-item"><a href="contact1.html">Contact 1</a></li>
                                        <li class="menu-item"><a href="contact2.html">Contact 2</a></li>
                                        <li class="menu-item"><a href="contact3.html">Contact 3</a></li>
                                    </ul>
                                </li>
                        </ul>
                    </div>
                </nav>
            </div>
            <!-- <div class="clear"></div> -->
            <div class="header-top">
                <div class="container-fluid">
                    <div class="header-top-content display-flex">
                        <div class="header-top-info">
                            <a href="tel:04445552222" class="telephone"><span><i class="fas fa-mobile-alt"></i></span> +1 444-555-2222</a>
                            <a href="mailto:info@smartedu.com" class="email"><span><i class="far fa-envelope"></i></span> info@smartedu.com</a>
                        </div>
                        <div class="header-top-account">
                            <a href="#" class="login"><i class="fas fa-user"></i>Login</a>
                            <a href="#" class="signup"><i class="fas fa-edit"></i>Register</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </header>

    <main>
        <!-- Heading Page -->
        <section class="heading-page">
            <img src="images/bloggrid-heading-bg.jpg" alt="">
            <div class="container">
                <div class="heading-page-content">
                    <div class="au-page-title">
                        <h1>All Courses</h1>
                    </div>
                    <nav aria-label="breadcrumb">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">All Courses</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </section>

        <!-- Course Page -->
        <section class="courses-page section-padding-large">
            <div class="container">
                <div class="row">
                    <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12">
                        <div class="courses-content">
                            <div class="au-sorting display-flex">
                                <div class="filter-layout">
                                    <ul class="nav nav-tabs filter-courses display-flex-center" id="filter-courses" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="grid-tab" data-toggle="tab" href="#grid" role="tab" aria-controls="grid" aria-selected="true"><i class="la la-th-large"></i></a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="list-tab" data-toggle="tab" href="#list" role="tab" aria-controls="list" aria-selected="false"><i class="la la-list"></i></a>
                                        </li>
                                    </ul>
                                    <p class="woocommerce-result-count">Showing 1 – 8 of 20</p>
                                </div>
                                <form class="woocommerce-ordering" method="GET">
                                    <select name="orderby" class="orderby">
                                        <option value="latest">Latest Courses</option>
                                        <option value="popular">Popular Courses</option>
                                        <option value="lessons">Lessons</option>
                                    </select>
                                </form>
                            </div>
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="grid" role="tabpanel" aria-labelledby="gid-tab">
                                    <div class="row">
                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <article class="item">
                                                <div class="item-thumb">
                                                    <a href="single-course.html">
                                                        <img src="images/courses-1.jpg" alt="Content Marketing">
                                                    </a>
                                                    <div class="feadtured-course-small">
                                                        <a href="#">
                                                            <img src="images/course-small-3.jpg" alt="Lucas Coleman">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="info">
                                                    <a href="#" class="teacher">Lucas Coleman</a>
                                                    <h3 class="title">
                                                        <a href="single-course.html">Content Marketing</a>
                                                    </h3>
                                                    <p class="course-desc">
                                                        Diam quam nulla porttitor massa neque aliquam vestibulum. Ullamcorper eget nulla facilisi consectetur ornare aenean euismod .
                                                    </p>
                                                    <div class="desc display-flex">
                                                        <div class="comments-students">
                                                            <a href="#" class="comments"><i class="fas fa-user"></i>35 Students</a>
                                                            <a href="#" class="students"><i class="fas fa-book"></i>20 Lessons</a>
                                                        </div>
                                                        <span class="price notfree">$65.00</span>
                                                    </div>
                                                </div>
                                            </article>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <article class="item">
                                                <div class="item-thumb">
                                                    <a href="single-course.html">
                                                        <img src="images/courses-2.jpg" alt="Design System">
                                                    </a>
                                                    <div class="feadtured-course-small">
                                                        <a href="#">
                                                            <img src="images/our-team-7.jpg" alt="Daniel Hardy">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="info">
                                                    <a href="#" class="teacher">Daniel Hardy</a>
                                                    <h3 class="title">
                                                        <a href="single-course.html">Design System</a>
                                                    </h3>
                                                    <p class="course-desc">
                                                        Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus.
                                                    </p>
                                                    <div class="desc display-flex">
                                                        <div class="comments-students">
                                                            <a href="#" class="comments"><i class="fas fa-user"></i>20 Students</a>
                                                            <a href="#" class="students"><i class="fas fa-book"></i>15 Lessons</a>
                                                        </div>
                                                        <span class="price notfree">$40.00</span>
                                                    </div>
                                                </div>
                                            </article>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <article class="item">
                                                <div class="item-thumb">
                                                    <a href="single-course.html">
                                                        <img src="images/courses-3.jpg" alt="Basic WordPress">
                                                    </a>
                                                    <div class="feadtured-course-small">
                                                        <a href="#">
                                                            <img src="images/home3-tutor-2.jpg" alt="Charles Russell">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="info">
                                                    <a href="#" class="teacher">Charles Russell</a>
                                                    <h3 class="title">
                                                        <a href="single-course.html">Basic WordPress</a>
                                                    </h3>
                                                    <p class="course-desc">
                                                        Amet aliquam id diam maecenas ultricies mi eget mauris pharetra. Tempus iaculis urna id volutpat pharetra diam.
                                                    </p>
                                                    <div class="desc display-flex">
                                                        <div class="comments-students">
                                                            <a href="#" class="comments"><i class="fas fa-user"></i>25 Students</a>
                                                            <a href="#" class="students"><i class="fas fa-book"></i>06 Lessons</a>
                                                        </div>
                                                        <span class="price free">Free</span>
                                                    </div>
                                                </div>
                                            </article>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <article class="item">
                                                <div class="item-thumb">
                                                    <a href="single-course.html">
                                                        <img src="images/courses-4.jpg" alt="Input And Interaction">
                                                    </a>
                                                    <div class="feadtured-course-small">
                                                        <a href="#">
                                                            <img src="images/course-small-1.jpg" alt="Lucas Murray">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="info">
                                                    <a href="#" class="teacher">Lucas Murray</a>
                                                    <h3 class="title">
                                                        <a href="single-course.html">Input And Interaction</a>
                                                    </h3>
                                                    <p class="course-desc">
                                                        Diam vel quam elementum pulvinar etiam non. Aliquet bibendum enim facilisis grav. Molestie nunc non blandit.
                                                    </p>
                                                    <div class="desc display-flex">
                                                        <div class="comments-students">
                                                            <a href="#" class="comments"><i class="fas fa-user"></i>22 Students</a>
                                                            <a href="#" class="students"><i class="fas fa-book"></i>12 Lessons</a>
                                                        </div>
                                                        <span class="price notfree">$20.00</span>
                                                    </div>
                                                </div>
                                            </article>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <article class="item">
                                                <div class="item-thumb">
                                                    <a href="single-course.html">
                                                        <img src="images/courses-5.jpg" alt="Web Design For Usability">
                                                    </a>
                                                    <div class="feadtured-course-small">
                                                        <a href="#">
                                                            <img src="images/our-team-7.jpg" alt="Daniel Hardy">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="info">
                                                    <a href="#" class="teacher">Daniel Hardy</a>
                                                    <h3 class="title">
                                                        <a href="single-course.html">Web Design For Usability</a>
                                                    </h3>
                                                    <p class="course-desc">
                                                        Sed ullamcorper morbi tincidunt ornare massa eget. Metus dictum at tempor commodo ullamcorper nunc non blandit massa.
                                                    </p>
                                                    <div class="desc display-flex">
                                                        <div class="comments-students">
                                                            <a href="#" class="comments"><i class="fas fa-user"></i>51 Students</a>
                                                            <a href="#" class="students"><i class="fas fa-book"></i>08 Lessons</a>
                                                        </div>
                                                        <span class="price free">Free</span>
                                                    </div>
                                                </div>
                                            </article>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <article class="item">
                                                <div class="item-thumb">
                                                    <a href="single-course.html">
                                                        <img src="images/courses-6.jpg" alt="Essential Blogging Tools">
                                                        <span class="overlay"></span>
                                                    </a>
                                                    <div class="feadtured-course-small">
                                                        <a href="#">
                                                            <img src="images/home3-tutor-1.jpg" alt="Victor Robinson">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="info">
                                                    <a href="#" class="teacher">Victor Robinson</a>
                                                    <h3 class="title">
                                                        <a href="single-course.html">Essential Blogging Tools</a>
                                                    </h3>
                                                    <p class="course-desc">
                                                        Leo in vitae turpis massa sed. Pharetra vel turpis nunc eget lorem dolor sed viverra ipsum massa tincidunt nunc pulvinar sapien.
                                                    </p>
                                                    <div class="desc display-flex">
                                                        <div class="comments-students">
                                                            <a href="#" class="comments"><i class="fas fa-user"></i>20 Students</a>
                                                            <a href="#" class="students"><i class="fas fa-book"></i>06 Lessons</a>
                                                        </div>
                                                        <span class="price free">Free</span>
                                                    </div>
                                                </div>
                                            </article>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="list" role="tabpanel" aria-labelledby="list-tab">
                                    <article class="item listing">
                                        <div class="item-thumb">
                                            <a href="single-course.html">
                                                <img src="images/courses-list-1.jpg" alt="Web Design For Usability">
                                            </a>
                                        </div>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="single-course.html">Web Design For Usability</a>
                                            </h3>
                                            <div class="feadtured-course-small">
                                                <a href="#" class="teacher">
                                                    <img src="images/home3-tutor-2.jpg" alt="Charles Russell">
                                                    <span>Charles Russell</span>
                                                </a>
                                            </div>
                                            <p class="course-desc">
                                                Lobortis mattis aliquam faucibus purus in tempor nec. Iaculis urna id volutpat lacus laoreet non rabitur faucibus vitae aliquet.
                                            </p>
                                            <div class="desc display-flex">
                                                <div class="comments-students">
                                                    <a href="#" class="comments"><i class="fas fa-user"></i>35 Students</a>
                                                    <a href="#" class="students"><i class="fas fa-book"></i>20 Lessons</a>
                                                </div>
                                                <span class="price notfree">$65.00</span>
                                            </div>
                                        </div>
                                    </article>
                                    <article class="item listing">
                                        <div class="item-thumb">
                                            <a href="single-course.html">
                                                <img src="images/courses-list-2.jpg" alt="Advanced: UI Design">
                                            </a>
                                        </div>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="single-course.html">Advanced: UI Design</a>
                                            </h3>
                                            <div class="feadtured-course-small">
                                                <a href="#" class="teacher">
                                                    <img src="images/our-team-7.jpg" alt="Daniel Hardy">
                                                    <span>Daniel Hardy</span>
                                                </a>
                                            </div>
                                            <p class="course-desc">
                                                Amet aliquam id diam maecenas ultricies mi eget mauris pharetra. Tempus iaculis urna id volutp. Nulla pharetra diam sit amet.
                                            </p>
                                            <div class="desc display-flex">
                                                <div class="comments-students">
                                                    <a href="#" class="comments"><i class="fas fa-user"></i>35 Students</a>
                                                    <a href="#" class="students"><i class="fas fa-book"></i>20 Lessons</a>
                                                </div>
                                                <span class="price notfree">$65.00</span>
                                            </div>
                                        </div>
                                    </article>
                                    <article class="item listing">
                                        <div class="item-thumb">
                                            <a href="single-course.html">
                                                <img src="images/courses-list-3.jpg" alt="Input And Interaction">
                                            </a>
                                        </div>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="single-course.html">Input And Interaction</a>
                                            </h3>
                                            <div class="feadtured-course-small">
                                                <a href="#" class="teacher">
                                                    <img src="images/course-small-1.jpg" alt="Lucas Murray">
                                                    <span>Lucas Murray</span>
                                                </a>
                                            </div>
                                            <p class="course-desc">
                                                Fames ac turpis egestas integer eget aliquet nibh praesent tristique. Leo in vitae turpis massa. Pharetra vel turpis nunc eget lorem dolor.
                                            </p>
                                            <div class="desc display-flex">
                                                <div class="comments-students">
                                                    <a href="#" class="comments"><i class="fas fa-user"></i>20 Students</a>
                                                    <a href="#" class="students"><i class="fas fa-book"></i>06 Lessons</a>
                                                </div>
                                                <span class="price free">Free</span>
                                            </div>
                                        </div>
                                    </article>
                                    <article class="item listing">
                                        <div class="item-thumb">
                                            <a href="single-course.html">
                                                <img src="images/courses-list-4.jpg" alt="Content Marketing">
                                            </a>
                                        </div>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="single-course.html">Content Marketing</a>
                                            </h3>
                                            <div class="feadtured-course-small">
                                                <a href="#" class="teacher">
                                                    <img src="images/home3-tutor-1.jpg" alt="Andrea Russell">
                                                    <span>Andrea Russell</span>
                                                </a>
                                            </div>
                                            <p class="course-desc">
                                                Iaculis urna id volutpat lacus laoreet non curaitur. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit ultricies mi eget.
                                            </p>
                                            <div class="desc display-flex">
                                                <div class="comments-students">
                                                    <a href="#" class="comments"><i class="fas fa-user"></i>35 Students</a>
                                                    <a href="#" class="students"><i class="fas fa-book"></i>08 Lessons</a>
                                                </div>
                                                <span class="price notfree">$25.00</span>
                                            </div>
                                        </div>
                                    </article>
                                </div>
                            </div>
                            <div class="pagination">
                                <ul class="page-numbers">
                                    <li><span aria-current="page" class="page-numbers current">01</span></li>
                                    <li><a class="page-numbers" href="#">02</a></li>
                                    <li><a class="page-numbers" href="#">03</a></li>
                                    <li><a class="page-numbers" href="#"><i class="la la-angle-right"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
                        <div class="right-sidebar">
                            <div class="widget_search">
                                <form method="POST" class="search-form">
                                    <input type="search" name="s" class="background-grey" placeholder="Search Courses">
                                </form>
                            </div>
                            <div class="widget_product_categories">
                                <div class="widget-title">
                                    <h2>Categories</h2>
                                </div>
                                <ul>
                                    <li><a href="#"><i class="la la-pencil"></i>UI & UX Design</a></li>
                                    <li><a href="#"><i class="la la-codepen"></i>Web Developer</a></li>
                                    <li><a href="#"><i class="la la-signal"></i>Marketing</a></li>
                                    <li><a href="#"><i class="la la-language"></i>Language</a></li>
                                    <li><a href="#"><i class="la la-wordpress"></i>Wordpress</a></li>
                                </ul>
                            </div>
                            <div class="widget_signupform">
                                <div class="sign-up-form">
                                    <div class="form-heading">
                                        <h3>
                                            Get Free Online Courses
                                        </h3>
                                    </div>
                                    <form method="POST" class="form-signup js-signup-form" action="includes/contact-form.php">
                                        <div class="form-group">
                                            <input type="text" name="name" id="name" placeholder="Your Name">
                                        </div>
                                        <div class="form-group">
                                            <input type="email" name="email" id="email" placeholder="Your Email">
                                        </div>
                                        <div class="form-group">
                                            <input type="textl" name="phone" id="phone" placeholder="Phone Number">
                                        </div>
                                        <input type="submit" class="submit au-btn-hover" value="Get It Now">
                                    </form>
                                </div>
                            </div>
                            <div class="widget_lastest_entries">
                                <div class="widget-title">
                                    <h2>Popular Courses</h2>
                                </div>
                                <ul>
                                    <li>
                                        <figure>
                                            <a href="single-course.html"><img src="images/popular-courses-1.jpg" alt="Web Design For Usability"></a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="single-course.html">Web Design For Usability</a>
                                            </h3>
                                            <span class="price free">Free</span>
                                        </div>
                                    </li>
                                    <li>
                                        <figure>
                                            <a href="single-course.html"><img src="images/popular-courses-2.jpg" alt="Essential Blogging Tools"></a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="single-course.html">Essential Blogging Tools</a>
                                            </h3>
                                            <span class="price free">Free</span>
                                        </div>
                                    </li>
                                    <li>
                                        <figure>
                                            <a href="single-course.html"><img src="images/popular-courses-3.jpg" alt="Advanced: UI Design"></a>
                                        </figure>
                                        <div class="info">
                                            <h3 class="title">
                                                <a href="single-course.html">Advanced: UI Design</a>
                                            </h3>
                                            <span class="price notfree">$65.00</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- Footer page -->
    <footer class="footer">
        <div class="footer-top">
            <div class="container">
                <div class="footer-top-content">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 footer-info">
                            <div class="footer-logo">
                                <a href="index.html"><img src="images/logo-white.png" alt="SmartEdu"></a>
                            </div>
                            <p class="footer-intro">
                                Proin libero nunc conseq interdum varius sit amet. Metus ali elei mi in nulla posuere. Tortor preti viverra suspendisse potenti nul ac.
                            </p>
                            <div class="socials">
                                <ul>
                                    <li>
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fab fa-google-plus-g"></i></a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fab fa-youtube"></i></a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 footer-menu">
                            <div class="footer-title">
                                <h4>Link Useful</h4>
                            </div>
                            <div class="footer-link-menu">
                                <ul>
                                    <li><a href="#"><i class="la la-angle-right"></i>Courses</a></li>
                                    <li><a href=""><i class="la la-angle-right"></i>Teacher</a></li>
                                    <li><a href=""><i class="la la-angle-right"></i>Graduation</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>International</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>Support</a></li>
                                </ul>
                                <ul>
                                    <li><a href="#"><i class="la la-angle-right"></i>About Us</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>Partner</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>Blog Post</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>Events</a></li>
                                    <li><a href="#"><i class="la la-angle-right"></i>Contact</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 footer-gallery">
                            <div class="footer-title">
                                <h4>Gallery</h4>
                            </div>
                            <div class="footer-gallery-content">
                                <figure>
                                    <a href="images/footer-gallery-1.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-1.jpg" alt="">
                                    </a>
                                </figure>
                                <figure>
                                    <a href="images/footer-gallery-2.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-2.jpg" alt="">
                                    </a>
                                </figure>
                                <figure>
                                    <a href="images/footer-gallery-3.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-3.jpg" alt="">
                                    </a>
                                </figure>
                                <figure>
                                    <a href="images/footer-gallery-4.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-4.jpg" alt="">
                                    </a>
                                </figure>
                                <figure>
                                    <a href="images/footer-gallery-5.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-5.jpg" alt="">
                                    </a>
                                </figure>
                                <figure>
                                    <a href="images/footer-gallery-6.jpg" class="grouped_elements" data-fancybox="gallery">
                                        <img src="images/footer-gallery-6.jpg" alt="">
                                    </a>
                                </figure>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 footer-contact">
                            <div class="footer-title">
                                <h4>Infomation</h4>
                            </div>
                            <ul>
                                <li>
                                    <i class="fas fa-map-marker-alt"></i>
                                    <span>SmartEdu, 20th St, New York, NY 10003</span>
                                </li>
                                <li class="footer-phone">
                                    <i class="fas fa-mobile-alt"></i>
                                    <span>+1 333-444-5555</span>
                                </li>
                                <li class="footer-fax">
                                    <i class="fas fa-fax"></i>
                                    <span>+1 333-444-5555</span>
                                </li>
                                <li>
                                    <i class="far fa-envelope"></i>
                                    <span>info@smartedu.com</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="footer-bottom-content">
                    <p class="copyright">Copyright @ 2019 <span>SmartEdu</span>. <a class="au-btn-buy" href="http://bootstrapmb.com">Get The Template</a></p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Back to top -->
    <div id="back-to-top">
        <i class="fa fa-angle-up"></i>
    </div>

    <!-- JS -->

    <!-- Jquery and Boostrap library -->
    <script src="vendor/bootstrap/js/popper.min.js"></script>
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Other js -->
    <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyAEmXgQ65zpsjsEAfNPP9mBAz-5zjnIZBw"></script>
    <script src="js/theme-map.js"></script>
    <script src="js/jquery.countdown.min.js"></script>
    <script src="js/masonry.pkgd.min.js"></script>
    <script src="js/imagesloaded.pkgd.js"></script>
    <script src="js/isotope-docs.min.js"></script>

    <!-- Vendor JS -->
    <script src="vendor/slick/slick.min.js"></script>
    <script src='vendor/jquery-ui/jquery-ui.min.js'></script>
    <script src="vendor/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
    <script src="vendor/waypoints/lib/jquery.waypoints.min.js"></script>
    <script src="vendor/jquery-validation/dist/jquery.validate.min.js"></script>
    <script src="vendor/sweetalert/sweetalert.min.js"></script>
    <script src="vendor/fancybox/dist/jquery.fancybox.min.js"></script>
    <script src='vendor/fullcalendar/lib/moment.min.js'></script>
    <script src='vendor/fullcalendar/fullcalendar.min.js'></script>
    <script src='vendor/wow/dist/wow.min.js'></script>

    <!-- REVOLUTION JS FILES -->
    <script src="vendor/revolution/js/jquery.themepunch.tools.min.js"></script>
    <script src="vendor/revolution/js/jquery.themepunch.revolution.min.js"></script>

    <!-- Form JS -->
    <script src="js/validate-form.js"></script>
    <script src="js/config-contact.js"></script>

    <!-- Main JS -->
    <script src="js/main.js"></script> 
</body>
</html>